<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8" %>
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>Bookshop</title>

    <!-- Bootstrap -->
    <link href="assets/css/bootstrap.min.css" rel="stylesheet">
    <link href="assets/css/font-awesome.min.css" rel="stylesheet">
    <link href="assets/css/animate.min.css" rel="stylesheet">
    <link href="assets/css/main.min.css" rel="stylesheet">

    <!-- Favicon -->
    <link rel="shortcut icon" href="/assets/images/favicon.ico">

    <link href='http://fonts.googleapis.com/css?family=PT+Serif:400,700,400italic,700italic' rel='stylesheet'
          type='text/css'>
    <link href='http://fonts.googleapis.com/css?family=Fira+Sans:400,300,300italic,400italic,500,500italic,700,700italic'
          rel='stylesheet' type='text/css'>
</head>
<body>




<div id="wrapper">
    <div id="page-content-wrapper" class="st-pusher">
        <div class="st-pusher-after"></div>
        <!-- ============================================== HEADER ============================================== -->

        <header class="header">

            <nav class="navbar navbar-bookshop navbar-static-top" role="navigation">
                <div class="container">
                    <div class="row">
                        <div class="col-md-5 hidden-xs hidden-sm">
                            <ul class="nav navbar-nav">
                                <li><a href="single-book.html"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">网上商城</font></font></a></li>
                                <li><a href="about.html"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">关于我们</font></font></a></li>
                                <li><a href="about.html"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">交货</font></font></a></li>
                                <li><a href="contact.html"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">常见问题解答</font></font></a></li>
                                <li><a href="contact.html"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">往来</font></font></a></li>
                            </ul><!-- /.nav -->
                        </div><!-- /.col -->
                        <div class="col-md-3 col-xs-10 col-sm-10 navbar-left">

                            <p class="text-center"><a href="#"><span class="icon glyphicon glyphicon-earphone"></span><font style="vertical-align: inherit;"><font style="vertical-align: inherit;"> + 1-234-567-8910</font></font></a></p>

                        </div><!-- /.col -->
                        <div class="col-md-4 col-sm-2">
                            <ul class="nav navbar-nav navbar-right">
                                <li class="hidden-xs hidden-sm"><a href="contact.html"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">收藏</font></font></a></li>
                                <li class="hidden-xs hidden-sm"><a href="single-book.html"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">购物车</font></font></a></li>
                                <li class="hidden-xs hidden-sm"><a href="contact.html"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">我的帐户</font></font></a></li>
                                <li class="icon icon-small hidden-xs"><a data-toggle="modal" data-target="#modal-login-big" href="#"><i class="icon fa fa-lock"></i></a></li>
                                <li class="icon hidden-lg hidden-sm hidden-md"><a data-toggle="modal" data-target="#modal-login-small" href="#"><i class="icon fa fa-lock"></i></a></li>
                            </ul><!-- /.nav -->
                        </div><!-- /.col -->
                    </div><!-- /.row -->
                </div><!-- /.container -->
            </nav><!-- /.navbar -->


            <!-- Modal -->
            <div id="modal-login-big" class="modal login fade hidden-xs" tabindex="-1" role="dialog" aria-hidden="true">
                <div class="modal-dialog">
                    <div class="modal-content">
                        <div class="modal-body">
                            <div class="text-center">
                                <ul class="login-list clearfix ">
                                    <li class="active"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">登录</font></font></li>
                                    <li class="divider"></li>
                                    <li><a href="#"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">注册</font></font></a></li>
                                </ul><!-- /.login-list -->
                                <form role="form" class="inner-top-50">
                                    <div class="form-group">
                                        <label for="exampleInputEmail1" class="sr-only"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">电子邮件地址</font></font></label>
                                        <input type="email" class="form-control bookshop-form-control" id="exampleInputEmail1" placeholder="Hezy Theme">
                                    </div>
                                    <div class="form-group">
                                        <label for="exampleInputPassword1" class="sr-only"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">密码</font></font></label>
                                        <input type="password" class="form-control bookshop-form-control" id="exampleInputPassword1">
                                    </div>

                                    <button type="button" class="btn btn-primary btn-uppercase"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">登录</font></font></button>
                                    <a href="#" class="forgot-password"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">忘记密码</font></font></a>
                                </form>
                            </div>
                        </div><!-- /.modal-body -->
                        <div class="modal-footer">
                            <div class="text-center">
                                <ul class="social-list text-center">
                                    <li><a href="#" class="facebook"></a></li>
                                    <li><a href="#" class="google-plus"></a></li>
                                    <li><a href="#" class="twitter"></a></li>
                                    <li><a href="#" class="pinterest"></a></li>
                                </ul><!-- /.social-list -->
                            </div>
                        </div><!-- /.modal-footer -->
                        <a href="#" data-dismiss="modal" class="remove-icon"><i class="fa fa-times"></i></a>
                    </div><!-- /.modal-content -->
                </div><!-- /.modal-dialog -->
            </div><!-- /.modal -->

            <!-- Modal -->
            <div id="modal-login-small" class="modal fade login login-xs hidden-sm hidden-lg" tabindex="-1" role="dialog" aria-hidden="true">
                <div class="modal-dialog">
                    <div class="modal-content">
                        <div class="modal-body">
                            <div class="text-center">
                                <div class="logo-holder">
                                    <h1 class="logo"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">书店</font></font></h1>
                                    <div class="logo-subtitle">
                                        <span><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">书籍世界</font></font></span>
                                    </div><!-- /.logo-subtitle -->
                                </div>

                                <form role="form" class="inner-top-50">
                                    <div class="form-group">
                                        <label for="entername" class="sr-only"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">电子邮件</font></font></label>
                                        <input type="email" class="form-control bookshop-form-control" id="entername" placeholder="Hezy Theme">
                                    </div>
                                    <div class="form-group">
                                        <label for="enterpassword" class="sr-only"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">密码</font></font></label>
                                        <input type="password" class="form-control bookshop-form-control" id="enterpassword">
                                    </div>

                                    <button type="button" class="btn btn-primary btn-block btn-uppercase"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">登录</font></font></button>
                                    <a href="#" class="forgot-password"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">忘记密码</font></font></a>
                                </form>
                            </div>
                        </div><!-- /.modal-body -->
                        <div class="modal-footer">
                            <div class="text-center">
                                <ul class="social-list text-center">
                                    <li><a href="#" class="facebook"></a></li>
                                    <li><a href="#" class="google-plus"></a></li>
                                    <li><a href="#" class="twitter"></a></li>
                                    <li><a href="#" class="pinterest"></a></li>
                                </ul><!-- /.social-list -->
                            </div>
                        </div><!-- /.modal-footer -->
                        <a href="#" data-dismiss="modal" class="remove-icon"><i class="fa fa-times"></i></a>
                    </div><!-- /.modal-content -->
                </div><!-- /.modal-dialog -->
            </div><!-- /.modal -->
            <div class="main-header">
                <div class="container">
                    <div class="row">
                        <div class="col-xs-12 col-sm-4 col-md-4 top-search-holder m-t-10">
                            <!-- ============================================== SEARCH BAR ============================================== -->
                            <form class="search-form" role="search">
                                <div class="form-group">
                                    <label class="sr-only" for="page-search"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">在此输入您的搜索</font></font></label>
                                    <input id="page-search" class="search-input form-control" type="search" placeholder="Search product">
                                </div>
                                <button class="page-search-button">
		<span class="fa fa-search">
			<span class="sr-only"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">搜索</font></font></span>
		</span>
                                </button>
                            </form>
                            <!-- ============================================== SEARCH BAR : END ============================================== -->					</div><!-- /.top-search-holder -->

                        <div class="col-xs-12 col-sm-4 col-md-4 text-center logo-holder">
                            <!-- ============================================== LOGO ============================================== -->
                            <a href="home.html">
                                <h1 class="logo"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">书店</font></font></h1>
                                <div class="logo-subtitle">
                                    <span><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">书籍世界</font></font></span>
                                </div><!-- /.logo-subtitle -->
                            </a>
                            <!-- ============================================== LOGO : END ============================================== -->					</div><!-- /.logo-holder -->

                        <div class="col-xs-12  col-md-2 header-shippment hidden-sm m-t-10">
                            <!-- ============================================== FREE DELIVERY ============================================== -->
                            <div class="media free-delivery hidden-xs ">
                                <span class="media-left"><img src="assets/images/delivery-icon.png" height="48" width="48" alt=""></span>
                                <div class="media-body">
                                    <h5 class="media-heading"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">免费邮寄</font></font></h5>
                                </div>
                            </div>
                            <!-- ============================================== FREE DELIVERY : END ============================================== -->					</div><!-- /.header-shippment -->

                        <div class="col-xs-12 col-sm-4 col-md-2 animate-dropdown1 top-cart-row m-t-10">
                            <!-- ============================================== SHOPPING CART DROPDOWN ============================================== -->
                            <ul class="clearfix shopping-cart-block list-unstyled">
                                <li class="dropdown">
                                    <a class="menu-toggle-right clearfix" href="/.menu-toggle-right">
            <span class="pull-right cart-right-block">
                <img src="assets/images/cart-icon.png" alt="" width="46" height="39">
            </span><!-- /.cart-right-block -->
                                        <span class="pull-right cart-left-block">
                <span class="cart-block-heading"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">$ 345.39 </font></font></span>
                <span class="hidden-xs"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">2件商品</font></font></span>
            </span><!-- /.cart-left-block -->
                                    </a>
                                </li>
                            </ul> <!-- /.list-unstyled -->
                            <!-- ============================================== SHOPPING CART DROPDOWN : END ============================================== -->					</div><!-- /.top-cart-row -->
                    </div><!-- /.row -->

                </div><!-- /.container -->

            </div><!-- /.main-header -->




            <!-- ============================================== NAVBAR ============================================== -->
            <div class="header-nav animate-dropdown">
                <div class="container">
                    <div class="nav-bg-class">
                        <!-- ============================================================= NAVBAR PRIMARY ============================================================= -->
                        <nav class="yamm navbar navbar-primary animate-dropdown" role="navigation">
                            <div class="navbar-header">
                                <button id="btn-navbar-primary-collapse" type="button" class="navbar-toggle" data-toggle="collapse" data-target="#navbar-primary-collapse">
                                    <span class="sr-only"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">切换导航</font></font></span>
                                    <span class="icon-bar"></span>
                                    <span class="icon-bar"></span>
                                    <span class="icon-bar"></span>
                                </button>
                            </div><!-- /.navbar-header -->
                            <div class="collapse navbar-collapse" id="navbar-primary-collapse">
                                <ul class="nav navbar-nav">
                                    <li class="active"><a href="home.html"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">图书</font></font></a></li>
                                    <li class="dropdown yamm-fw"><a href="#" class="dropdown-toggle" data-hover="dropdown" data-toggle="dropdown"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">教科书</font></font></a>
                                        <ul class="dropdown-menu">
                                            <li>
                                                <div class="yamm-content">
                                                    <div class="row">
                                                        <div class="col-md-2 col-sm-6">
                                                            <div class="section">
                                                                <h5 class="title"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">历史</font></font></h5>
                                                                <ul class="links list-unstyled">
                                                                    <li><a href="books.html"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">印度独立</font></font></a></li>
                                                                    <li><a href="books.html">French Revolution</a></li>
                                                                    <li><a href="books.html">Industrial Revolution</a></li>
                                                                    <li><a href="books.html">Vietnam War</a></li>
                                                                    <li><a href="books.html">World War I &amp; II</a></li>
                                                                    <li><a href="books.html">Operation Desert Storm</a></li>
                                                                </ul>
                                                            </div><!-- /.section -->
                                                        </div><!-- /.col -->

                                                        <div class="col-md-2 col-sm-6">
                                                            <div class="section">
                                                                <h5 class="title">Science</h5>
                                                                <ul class="links list-unstyled">
                                                                    <li><a href="books.html">Applied Science</a></li>
                                                                    <li><a href="books.html">Astronomy</a></li>
                                                                    <li><a href="books.html">Biotechnology</a></li>
                                                                    <li><a href="books.html">Chemistry</a></li>
                                                                    <li><a href="books.html">Cognitive Science</a></li>
                                                                    <li><a href="books.html">Cosmology</a></li>
                                                                </ul>
                                                            </div><!-- /.section -->
                                                        </div><!-- /.col -->

                                                        <div class="col-md-2 col-sm-6">
                                                            <div class="section">
                                                                <h5 class="title">History</h5>
                                                                <ul class="links list-unstyled">
                                                                    <li><a href="books.html">Indian Independence</a></li>
                                                                    <li><a href="books.html">French Revolution</a></li>
                                                                    <li><a href="books.html">Industrial Revolution</a></li>
                                                                    <li><a href="books.html">Vietnam War</a></li>
                                                                    <li><a href="books.html">World War I &amp; II</a></li>
                                                                    <li><a href="books.html">Operation Desert Storm</a></li>
                                                                </ul>
                                                            </div><!-- /.section -->
                                                        </div><!-- /.col -->

                                                        <div class="col-md-2 col-sm-6">
                                                            <div class="section">
                                                                <h5 class="title">Science</h5>
                                                                <ul class="links list-unstyled">
                                                                    <li><a href="books.html">Applied Science</a></li>
                                                                    <li><a href="books.html">Astronomy</a></li>
                                                                    <li><a href="books.html">Biotechnology</a></li>
                                                                    <li><a href="books.html">Chemistry</a></li>
                                                                    <li><a href="books.html">Cognitive Science</a></li>
                                                                    <li><a href="books.html">Cosmology</a></li>
                                                                </ul>
                                                            </div><!-- /.section -->
                                                        </div><!-- /.col -->

                                                        <div class="col-md-2 col-sm-6">
                                                            <div class="section">
                                                                <h5 class="title">History</h5>
                                                                <ul class="links list-unstyled">
                                                                    <li><a href="books.html">Indian Independence</a></li>
                                                                    <li><a href="books.html">French Revolution</a></li>
                                                                    <li><a href="books.html">Industrial Revolution</a></li>
                                                                    <li><a href="books.html">Vietnam War</a></li>
                                                                    <li><a href="books.html">World War I &amp; II</a></li>
                                                                    <li><a href="books.html">Operation Desert Storm</a></li>
                                                                </ul>
                                                            </div><!-- /.section -->
                                                        </div><!-- /.col -->

                                                        <div class="col-md-2 col-sm-6">
                                                            <div class="section">
                                                                <h5 class="title">Science</h5>
                                                                <ul class="links list-unstyled">
                                                                    <li><a href="books.html">Applied Science</a></li>
                                                                    <li><a href="books.html">Astronomy</a></li>
                                                                    <li><a href="books.html">Biotechnology</a></li>
                                                                    <li><a href="books.html">Chemistry</a></li>
                                                                    <li><a href="books.html">Cognitive Science</a></li>
                                                                    <li><a href="books.html">Cosmology</a></li>
                                                                </ul>
                                                            </div><!-- /.section -->
                                                        </div><!-- /.col -->
                                                    </div>
                                                </div>

                                            </li>
                                        </ul>
                                    </li>
                                    <li><a href="books.html"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">Nook Books</font></font></a></li>
                                    <li class="hidden-sm"><a href="books.html"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">有声读物</font></font></a></li>
                                    <li class="hidden-sm hidden-md"><a href="books.html"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">杂志</font></font></a></li>
                                    <li class="hidden-sm hidden-md"><a href="books.html"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">电影</font></font></a></li>
                                    <li><a href="books.html"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">音乐</font></font></a></li>
                                    <li class="dropdown navbar-right"><a href="#" class="dropdown-toggle" data-hover="dropdown" data-toggle="dropdown"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">网页</font></font></a>
                                        <ul class="dropdown-menu">
                                            <li>
                                                <div class="yamm-content">
                                                    <div class="row">
                                                        <div class="col-md-6 col-sm-6">
                                                            <ul class="links">
                                                                <li><a href="home.html">Home</a></li>
                                                                <li><a href="home-2.html">Home II</a></li>
                                                                <li><a href="books.html">Books</a></li>
                                                                <li><a href="books-2.html">Books II</a></li>
                                                                <li><a href="single-book.html">Book</a></li>
                                                                <li><a href="blog.html">Blog</a></li>
                                                                <li><a href="blog-post.html">Blog Post</a></li>
                                                            </ul>
                                                        </div>
                                                        <div class="col-md-6 col-sm-6">
                                                            <ul class="links">
                                                                <li><a href="about.html">About</a></li>
                                                                <li><a href="contact.html">Contact</a></li>
                                                                <li><a href="contact-2.html">Contact II</a></li>
                                                                <li><a href="categories.html">Categories</a></li>
                                                                <li><a href="magazine.html">Magazine</a></li>
                                                                <li><a href="all-brands.html">All Brands</a></li>
                                                                <li><a href="error.html">Error</a></li>
                                                            </ul>
                                                        </div>
                                                    </div>
                                                </div>
                                            </li>


                                        </ul>
                                    </li>
                                </ul><!-- /.nav -->
                            </div><!-- /.collapse navbar-collapse -->
                        </nav><!-- /.yamm -->
                        <!-- ============================================================= NAVBAR PRIMARY : END ============================================================= -->			</div><!-- /.nav-bg-class -->
                </div><!-- /.container -->

            </div><!-- /.header-nav -->
            <!-- ============================================== NAVBAR : END ============================================== -->
        </header>


        <!-- ============================================== HEADER : END ============================================== -->
        <div class="content wow fadeInUp animated" style="visibility: visible; animation-name: fadeInUp;">
            <div class="container">
                <div class="row">
                    <ul class="breadcrumb text-center light-bg">
                        <li><a href="home.html"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">家</font></font></a></li>
                        <li class="active"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">关于我们</font></font></li>
                    </ul><!-- /.breadcrumb -->
                </div><!-- /.row -->
                <div class="about-us inner-top-vs ">
                    <div class="image">
                        <a data-toggle="modal" data-target=".bs-example-modal-sm" href="#"><img src="assets/images/about-us/1.jpg" alt="" class="img-responsive"></a>
                    </div><!-- /.image -->
                    <div class="row">
                        <div class="col-md-10 center-block inner-top-vs">
                            <h2 class="center-text text-center"><span><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">Sed ut perspiciatis unde omnis </font></font></span>
                                <span><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">iste natus </font></font></span>
                                <font style="vertical-align: inherit;"><span><font style="vertical-align: inherit;">error sit </font></span><span><font style="vertical-align: inherit;">voluptatem accusantium doloremque laudantium，totam rem aperi- </font></span></font><span><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">am，eaque ipsa quae ab illo inventore</font></font></span>
                            </h2>
                        </div><!-- /.col -->
                    </div>
                    <section class="about-us-block wow fadeInUp inner-top-50 animated" style="visibility: visible; animation-name: fadeInUp;">
                        <h2 class="title text-center"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">欢迎来到现代设计的最佳</font></font></h2>
                        <div class="row about-us-content inner-top-50">
                            <div class="col-md-6">
                                <div class="left-col">
                                    <p class="text"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">Ut perspiciatis unde omnis iste natus error坐在vous-luptatem accusantium doloremque laudantium，totam rem aperiam，eaque ipsa quae ab illo inventore </font></font></p>

                                    <p class="text"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">Beatae vitae dicta sunt explicabo。</font><font style="vertical-align: inherit;">Nemo enim ipsam voluptatem quia voluptas </font></font><br><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">
                                        sit aspernatur aut odit aut fugit，sed quia consequun- tur magni dolores eos qui ratione voluptatem sequi nesciunt。</font><font style="vertical-align: inherit;">Neque porro quisquam est，qui dolorem ipsum quia dolor sit amet，consectetur，adipisci velit，sed quia non numquam eius modi tempora incidunt ut labore et dolore magnam aliquam quaerat voluptatem。</font></font></p>
                                    <p class="text"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">Ut enim ad minima veniam，quis nostrum exercitatio-nem ullam corporis suscipit laboriosam，nisi ut aliquid ex ea commodi consequatur？</font><font style="vertical-align: inherit;">Quis autem vel eure iure reprehenderit qui in ea voluptate velit esse quam nihil molestiae consequatur，vel illum qui dolorem eum fugiat quo voluptas nulla pariatur？</font></font></p>
                                </div><!-- /.left-col -->
                            </div><!-- /.col -->
                            <div class="col-md-6">
                                <div class="right-col">
                                    <p class="text  inner-bottom-vs"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">Neque porro quisquam est，qui dolorem ipsum quia dolor sit amet，consectetur，adipisci velit，sed quia non numquam eius modi tempora incidunt ut labore et dolore magnam aliquam quaerat voluptatem。</font><font style="vertical-align: inherit;">Ut enim ad minima veniam，quis nostrum exercitationem ullam corporis sus-cipit laboriosam，nisi ut aliquid ex ea commodi consemutur？</font></font></p>
                                    <div class="image">
                                        <img src="assets/images/about-us/2.jpg" alt="" class="img-responsive">
                                    </div><!-- /.image -->
                                </div><!-- /.right-col -->
                            </div><!-- /.col -->
                        </div><!-- /.row -->
                        <h2 class="title text-center  inner-top-sm"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">自信地购物</font></font></h2>
                        <div class="row about-us-content inner-top-50">
                            <div class="col-md-6">
                                <div class="left-col">
                                    <p class="text"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">Ut perspiciatis unde omnis iste natus error坐在vo-luptatem accusantium doloremque laudantium，totam rem aperiam，eaque ipsa quae ab illo inventore </font></font></p>

                                    <p class="text"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">Beatae vitae dicta sunt explicabo。</font><font style="vertical-align: inherit;">Nemo enim ipsam voluptatem quia voluptas </font></font><br><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">
                                        sit aspernatur aut odit aut fugit，sed quia consequun-tur magni dolores eos qui ratione voluptatem sequi nesciunt。</font><font style="vertical-align: inherit;">Neque porro quisquam est，qui dolorem ipsum quia dolor sit amet，consectetur，adipisci velit，sed quia non numquam eius modi tempora incidunt ut labore et dolore magnam aliquam quaerat voluptatem。</font></font></p>
                                </div><!-- /.left-col -->
                            </div><!-- /.col -->
                            <div class="col-md-6">
                                <div class="right-col">
                                    <p class="text  inner-bottom-vs"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">Neque porro quisquam est，qui dolorem ipsum quia dolor sit amet，consectetur，adipisci velit，sed quia non numquam eius modi tempora incidunt ut labore et dolore magnam aliquam quaerat voluptatem。</font><font style="vertical-align: inherit;">Ut enim ad minima veniam，quis nostrum exercitationem ullam corporis suscipit laboriosam，nisi ut aliquid ex ea commodi consequatur？</font></font></p>
                                </div><!-- /.right-col -->
                            </div><!-- /.col -->
                        </div><!-- /.row -->
                    </section><!-- /.best-design-block -->
                </div><!-- /.row -->
            </div><!-- /.container -->
        </div><!-- /.content -->

        <!-- Modal -->
        <div class="modal fade bs-example-modal-sm about-us-popup" id="myModal" tabindex="-1" role="dialog" aria-hidden="true">
            <div class="modal-dialog modal-lg">
                <div class="modal-content">

                    <div class="modal-body">
                        <img src="assets/images/about-us/1.jpg" alt="" class="img-responsive">
                        <a href="#" data-dismiss="modal" class="remove-icon"><i class="fa fa-times"></i></a>
                        <div class="content">
                            <h2>Welcome to the best in modern design</h2>
                            <div class="row inner-top-vs">
                                <div class="col-md-6">
                                    <p class="text">Ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore vitae dicta sunt explicabo. Nemo enim ipsam voluptatem quia voluptas.</p>
                                </div>
                                <div class="col-md-6">
                                    <p class="text">Sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt. Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet, consectetur.</p>
                                </div>
                            </div>
                        </div>
                    </div>

                </div>
            </div>
        </div>            <!-- ============================================== FOOTER ============================================== -->
        <footer class="footer clearfix">
            <div class="margin-top-10">
                <div class="container inner-top-vs">
                    <!-- ============================================== FOOTER-TOP ============================================== -->
                    <div class="row">
                        <div class="col-md-3 col-sm-4">
                            <div class="footer-module">
                                <h4 class="footer-module-title"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">关于本网站</font></font></h4>
                                <div class="footer-module-body m-t-20 clearfix">
                                    <p><span class="pull-left"><img src="assets/images/footer-logo.png" alt="" width="75" height="75"></span><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">一个cras tincidunt，ut tellus et。</font><font style="vertical-align: inherit;">Gravida scele risque，ipsum sed iacul is，nunc non namtellus。</font><font style="vertical-align: inherit;">Placerat sed phasellus，purus purus elit。</font><font style="vertical-align: inherit;">Cras ante eros。</font><font style="vertical-align: inherit;">Erat vel。</font><font style="vertical-align: inherit;">Donec vestibulum sed，vel euismod donec。</font></font></p>
                                </div>
                            </div>
                        </div>
                        <div class="col-md-3 col-sm-4">
                            <div class="footer-module">
                                <h4 class="footer-module-title"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">分类</font></font></h4>
                                <div class="footer-module-body clearfix">
                                    <ul class="list-unstyled link-list">
                                        <li><a href="#"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">图书</font></font></a></li>
                                        <li><a href="#"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">课本</font></font></a></li>
                                        <li><a href="#"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">Nook书籍</font></font></a></li>
                                        <li><a href="#"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">有声读物</font></font></a></li>
                                        <li><a href="#"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">杂志</font></font></a></li>
                                    </ul>

                                    <ul class="list-unstyled link-list">
                                        <li><a href="#"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">电影</font></font></a></li>
                                        <li><a href="#"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">音乐</font></font></a></li>
                                        <li><a href="#"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">游戏</font></font></a></li>

                                    </ul>
                                </div>
                            </div>
                        </div>
                        <div class="col-md-3 col-sm-4 clearfix ">
                            <div class="footer-module">
                                <h4 class="footer-module-title"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">信息</font></font></h4>
                                <div class="footer-module-body clearfix">
                                    <ul class="list-unstyled link-list">
                                        <li><a href="#"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">跟踪订单</font></font></a></li>
                                        <li><a href="#"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">交货</font></font></a></li>
                                        <li><a href="#"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">退货政策</font></font></a></li>
                                        <li><a href="#"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">礼品卡</font></font></a></li>
                                    </ul>

                                    <ul class="list-unstyled link-list">
                                        <li><a href="#"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">联系我们</font></font></a></li>
                                        <li><a href="#"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">商店位置</font></font></a></li>
                                        <li><a href="#"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">常问问题</font></font></a></li>
                                        <li><a href="#"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">使用条款</font></font></a></li>
                                    </ul>
                                </div>
                            </div>
                        </div>
                        <div class="col-md-3 col-sm-12">
                            <div class="footer-module">
                                <h4 class="footer-module-title"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">连</font></font></h4>
                                <div class="footer-module-body clearfix">
                                    <ul class="clearfix list-unstyled footer-social-contact">
                                        <li><a href="#" class="fa fa-facebook" title="Facebook的"></a></li>
                                        <li><a href="#" class="fa fa-pinterest" title="Pinterest的"></a></li>
                                        <li><a href="#" class="fa fa-linkedin" title="LinkedIn"></a></li>
                                        <li><a href="#" class="fa fa-twitter" title="推特"></a></li>
                                        <li><a href="#" class="fa fa-google-plus" title="Google Plus"></a></li>
                                        <li><a href="#" class="fa fa-rss" title="RSS"></a></li>
                                        <li><a href="#" class="fa fa-instagram" title="Instagram的"></a></li>
                                    </ul>
                                    <div class="inner-top-xs">
                                        <p><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">订阅我们的每周时事通讯。</font></font></p>
                                        <form class="searchform" action="http://inspectelement.com/" method="get">
                                            <input class="s" type="text" placeholder="Email Address" name="s" value="">
                                            <font style="vertical-align: inherit;"><font style="vertical-align: inherit;"><input class="searchsubmit" type="submit" value="订阅"></font></font>
                                        </form>
                                    </div>

                                </div>
                            </div>
                        </div>
                    </div>
                    <!-- ============================================== FOOTER-TOP : END ============================================== -->            <hr>
                    <!-- ============================================== FOOTER-BOTTOM ============================================== -->
                    <div class="row">
                        <div class="col-md-12">
                            <div class="pull-left">
                                <ul class="payment-list list-unstyled">
                                    <li><a href="#"><img src="assets/images/payments/1.png" class="img-responsive" height="22" alt=""></a></li>
                                </ul>
                            </div>
                            <p class="copyright-footer pull-right"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">©2014 Bookshop。</font><font style="vertical-align: inherit;">版权所有。</font><font style="vertical-align: inherit;">由</font><a href="#"><font style="vertical-align: inherit;">Heztheme</font></a><font style="vertical-align: inherit;">用爱制造</font></font><a href="#"><font style="vertical-align: inherit;"></font></a></p>
                        </div>
                    </div>
                    <!-- ============================================== FOOTER-BOTTOM : END ============================================== -->        </div>
            </div>
        </footer>
        <!-- ============================================== FOOTER : END ============================================== -->        </div><!-- /.st-pusher -->
    <!-- ============================================== TOGGLE RIGHT CONTENT ============================================== -->

    <div id="cart-dropdown-wrapper">
        <nav id="menu1" class="cart-dropdown">
            <h2 class="shopping-cart-heading">我的借阅</h2>
            <div class="cart-items">
                <div class="cart-items-list">
                    <ul>
                        <li class="media">
                            <div class="clearfix book cart-book">
                                <a href="single-book.html" class="media-left">
                                    <div class="book-cover">
                                        <img width="140" height="212" alt="" src="/assets/images/book-covers/01.jpg">
                                    </div>
                                </a>
                                <div class="media-body book-details">
                                    <div class="book-description">
                                        <h3 class="book-title"><a href="single-book.html">奥斯卡王的短暂奇妙生活</a></h3>
                                        <p class="book-subtitle">作者：<a href="single-book.html">Cormac McCarthy</a></p>
                                        <p class="price m-t-20">$ 1,401.75</p>
                                    </div>
                                </div>
                            </div>
                            <div class="proceed-to-checkout text-center">
                                <button type="button" class="btn btn-primary btn-uppercase">归还</button>
                            </div>
                        </li>
                    </ul>
                </div>


            </div>

        </nav>
    </div>

    <!-- ============================================== TOGGLE RIGHT CONTENT : END ============================================== -->

</div><!-- /#wrapper -->
<script src="assets/js/jquery-1.11.2.min.js"></script>
<script src="assets/js/bootstrap.min.js"></script>
<script src="assets/js/bootstrap-hover-dropdown.min.js"></script>
<script src="assets/js/owl.carousel.min.js"></script>
<script src="assets/js/perfect-scrollbar.min.js"></script>
<script src="assets/js/jquery-ui.min.js"></script>
<script src="assets/js/jquery.customSelect.min.js"></script>
<script src="assets/js/jquery.easing-1.3.min.js"></script>
<script src="assets/js/wow.min.js"></script>
<script src="assets/js/echo.min.js"></script>
<script src="assets/js/scripts.js"></script><div id="goog-gt-tt" class="skiptranslate" dir="ltr"><div style="padding: 8px;"><div><div class="logo"><img src="https://www.gstatic.com/images/branding/product/1x/translate_24dp.png" width="20" height="20" alt="Google 翻译"></div></div></div><div class="top" style="padding: 8px; float: left; width: 100%;"><h1 class="title gray">原文</h1></div><div class="middle" style="padding: 8px;"><div class="original-text"></div></div><div class="bottom" style="padding: 8px;"><div class="activity-links"><span class="activity-link">提供更好的翻译建议</span><span class="activity-link"></span></div><div class="started-activity-container"><hr style="color: #CCC; background-color: #CCC; height: 1px; border: none;"><div class="activity-root"></div></div></div><div class="status-message" style="display: none;"></div></div>
<div class="goog-te-spinner-pos"><div class="goog-te-spinner-animation"><svg xmlns="http://www.w3.org/2000/svg" class="goog-te-spinner" width="96px" height="96px" viewBox="0 0 66 66"><circle class="goog-te-spinner-path" fill="none" stroke-width="6" stroke-linecap="round" cx="33" cy="33" r="30"></circle></svg></div></div></body>
</html>
